<template>
<!-- 指标明细 -->
  <div class="wise-integral-detail">
    <div class="search">
      <van-search left-icon="search" v-model="searchkey" :clearable="false" placeholder="请输入手机号/项目编码/终端编码" @search="handleSearch" />
    </div>
    <van-list
      v-model="loading"
      loading-text="加载中"
      :finished="finished"
      finished-text="没有更多了"
      @load="onload"
    >
      <div class="detail-info" v-for="(item,index) in list" :key="index">
        <div>
          <div>
            <span class="info-name" v-if="item.DEVICE_NUMBER">{{ item.DEVICE_NUMBER }}</span>
            <span class="info-name" v-if="item.TERMINAL_ID">{{ item.TERMINAL_ID }}</span>
            <span class="info-name" v-if="item.PROJECT_NUMBER">{{ item.PROJECT_NUMBER }}</span>
            <span class="info-name" v-if="item.APPROVED_DATE">{{ item.APPROVED_DATE }}</span>
            <span class="info-flag" v-if="item.INNET_DATE && jfType=='day_SCO_VALUE_UP' 
             || jfType=='month_SCO_VALUE_UP_M'  || jfType=='month_SCO_VALUE_UP' || jfType=='day_SCO_GSM_DEV' || jfType=='month_SCO_GSM_DEV_M' || jfType=='month_SCO_GSM_DEV'
             ||jfType=='day_SCO_KD_DEV' || jfType=='month_SCO_KD_DEV_M' || jfType == 'month_SCO_KD_DEV' || jfType=='day_SCO_COMP' 
             || jfType=='month_SCO_COMP_M' || jfType=='day_SCO_GH_DEV' || jfType=='month_SCO_GH_DEV_M'
             || jfType == 'day_SCO_CUT_JCLJ' || jfType == 'month_SCO_CUT_JCLJ_M' 
             || jfType=='day_SCO_CUT_JZYY' || jfType=='month_SCO_CUT_JZYY_M' || jfType=='day_SCO_CUT_FWWHJF'  
             || jfType=='month_SCO_CUT_FWWHJF_M' || jfType=='day_SCO_CUT' || jfType=='month_SCO_CUT_M' ||  jfType=='month_SCO_CUT_DEV' 
             ||  jfType=='month_SCO_CUT_CLWX'  ||  jfType=='month_SCO_CUT'  ||  jfType=='month_SCO_CUT_JF'
             || jfType=='day_SCO_GYY' || jfType=='month_SCO_GYY_M'|| jfType=='day_SCO_BIGDATA' || jfType=='month_SCO_BIGDATA_M'
             || jfType=='day_SCO_WLW' || jfType=='month_SCO_WLW_M' || jfType=='day_SCO_SX' || jfType=='month_SCO_SX_M'
             || jfType=='day_SCO_IDC' || jfType=='month_SCO_IDC_M'  || jfType=='month_SCO_IDC' || jfType=='day_SCO_KD_XY' || jfType=='month_SCO_KD_XY_M'  || jfType=='month_SCO_KD_XY' || jfType == 'month_SCO_KD_DEV'
             || jfType == 'month_SCO_COMP' || jfType=='month_SCO_GH_DEV'  || jfType=='month_SCO_GYY' || jfType=='month_SCO_BIGDATA' || jfType=='month_SCO_WLW'
             || jfType=='month_SCO_SX'">
             {{ item.INNET_DATE }}
             </span> 
            <span class="info-flag" v-if="item.ORDER_TIME">{{ item.ORDER_TIME }}</span>
            <span class="info-flag" v-if="item.ACCEPT_DATE && jfType=='day_SCO_WJZW_BASE' || jfType=='month_SCO_WJZW_BASE_M' 
            || jfType=='day_SCO_WJZW_FTTR' || jfType=='month_SCO_WJZW_FTTR_M' || jfType=='day_SCO_ZJ_WJZW'  || jfType=='month_SCO_ZJ_WJZW'
            || jfType=='month_SCO_ZJ_WJZW_M' || jfType=='day_SCO_WJSY' || jfType=='month_SCO_WJSY_M' || jfType=='month_SCO_WJSY'
            || jfType=='month_SCO_WJGH' || jfType=='day_SCO_WJGH' || jfType=='month_SCO_WJGH_M' || jfType=='day_SCO_IPTV'
             || jfType=='month_SCO_IPTV_M' || jfType=='day_SCO_TV_INC' 
            || jfType=='month_SCO_TV_INC_M'  || jfType=='day_SCO_KD_TS' || jfType=='month_SCO_KD_TS_M' || jfType=='month_SCO_KD_TS'
             || jfType=='day_SCO_GSM_SJB' || jfType=='month_SCO_GSM_SJB_M'  || jfType=='month_SCO_GSM_SJB'  
             || jfType=='month_SCO_WJZW_BASE' || jfType=='month_SCO_WJZW_FTTR' || jfType=='month_SCO_IPTV' || jfType=='month_SCO_GZCX_TV'
             || jfType=='month_SCO_KSJ' || jfType=='month_SCO_GZCX_CALL' || jfType=='month_SCO_GZCX_LTYP' || jfType=='month_SCO_GZCX_LTZL' || jfType=='month_SCO_GZCX_OTHER'
             || jfType=='month_SCO_KSJ_M' || jfType=='month_SCO_GZCX_CALL_M' || jfType=='month_SCO_GZCX_LTYP_M' || jfType=='month_SCO_GZCX_LTZL_M' || jfType=='month_SCO_GZCX_OTHER_M'
             || jfType=='day_SCO_KSJ' || jfType=='day_SCO_GZCX_CALL' || jfType=='day_SCO_GZCX_LTYP' || jfType=='day_SCO_GZCX_LTZL' || jfType=='day_SCO_GZCX_OTHER'">
            {{ item.ACCEPT_DATE }}</span>
            <span class="info-flag" v-if="item.FINISH_DATE &&  jfType=='day_SCO_HM' || jfType=='month_SCO_HM_M' || jfType=='month_SCO_WXXF' ||  jfType=='month_SCO_ZJ'">{{ item.FINISH_DATE }}</span>
            <span class="info-flag" v-if="item.FINISH_DATE1 && jfType=='day_SCO_ZJ' || jfType=='month_SCO_ZJ_M'">{{ item.FINISH_DATE1 }}</span>
            <span class="info-flag" v-if="item.SALE_TIME">{{ item.SALE_TIME }}</span>
            <span class="info-flag" v-if="item.FINISHI_TIME && jfType=='day_SCO_DYPP' || jfType=='month_SCO_DYPP_M' ||  jfType=='month_SCO_DYPP'">{{ item.FINISHI_TIME }}</span>
          </div>
          <div style="padding: 4px 0;">
            <span class="info-desc">积分：</span>
            <span class="item-value">{{ item.DEV_JF }}</span>
          </div>
          <div style="padding: 4px 0;"  v-if="jfType == 'day_SCO_GSM_DEV' || jfType == 'month_SCO_GSM_DEV' || jfType == 'month_SCO_GSM_DEV_M'">
            <span class="info-desc">是否融合：</span>
            <span class="item-value">{{ item.IS_COMP_MAIN_DESC }}</span>
          </div>
          <div style="padding: 4px 0;"  v-else-if="jfType == 'day_SCO_WJSY' || jfType == 'month_SCO_WJSY_M' || jfType == 'month_SCO_WJSY' || 
           jfType=='day_SCO_WJGH' || jfType == 'month_SCO_WJGH_M' || jfType == 'month_SCO_WJGH'">
            <span class="info-desc">是否智家N包：</span>
            <span class="item-value">{{ item.IS_ZJ1 }}</span>
          </div>
          <div class="info-tc" v-if="jfType == 'day_SCO_GSM_DEV' || jfType == 'month_SCO_GSM_DEV_M'  || jfType == 'month_SCO_KD_DEV_M' ||  jfType=='day_SCO_KD_DEV' 
          || jfType == 'month_SCO_GH_DEV_M' || jfType == 'day_SCO_GH_DEV' ">
            <div class="info-desc" style="flex: 1">产品：{{ item.PRODUCT_DESC }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'day_SCO_GSM_SJB' || jfType == 'month_SCO_GSM_SJB_M' || jfType == 'month_SCO_GSM_SJB'">
            <div class="info-desc" style="flex: 1">产品：{{ item.PRODUCT_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.PRODUCT_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'month_SCO_KD_TS_M' || jfType == 'day_SCO_KD_TS' || jfType == 'month_SCO_KD_TS'">
            <div class="info-desc" style="flex: 1">资费：{{ item.DINNER_DESC }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'month_SCO_KD_XY_M' || jfType == 'day_SCO_KD_XY'  || 
                jfType == 'day_SCO_IPTV' || jfType=='month_SCO_IPTV_M' || jfType=='day_SCO_TV_INC' || jfType=='month_SCO_TV_INC_M'">
            <div class="info-desc" style="flex: 1">资费：{{ item.DISCNT_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if=" jfType == 'month_SCO_KD_XY' ">
            <div class="info-desc" style="flex: 1">套餐费：{{ item.DINNER_FEE }}</div>
            <!-- <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_FEE }}</span>
            </div> -->
          </div>
          <div class="info-tc"  v-else-if="jfType == 'month_SCO_ZJ_M' || jfType == 'day_SCO_ZJ' || jfType=='month_SCO_ZJ'">
            <div class="info-desc" style="flex: 1">资费：{{ item.DISCNT_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DISCNT_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'day_SCO_CUT_JCLJ' || jfType == 'month_SCO_CUT_JCLJ_M' 
             || jfType=='day_SCO_CUT_JZYY' || jfType=='month_SCO_CUT_JZYY_M' || jfType=='day_SCO_CUT_FWWHJF' 
             || jfType=='month_SCO_CUT_FWWHJF_M' || jfType=='day_SCO_CUT' || jfType=='month_SCO_CUT_M' ||  jfType=='month_SCO_CUT_DEV' 
             ||  jfType=='month_SCO_CUT_CLWX'  ||  jfType=='month_SCO_CUT'  ||  jfType=='month_SCO_CUT_JF'">
            <div class="info-desc" style="flex: 1">扣减积分类型：{{ item.BUSI_TYPE1 }}</div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'day_SCO_WJSY' || jfType == 'month_SCO_WJSY_M'">
            <div class="info-desc" style="flex: 1">套餐类型：{{ item.PACK_TYPE1 }}</div>
            <div class="info-fee">
              <span class="info-desc">资费或产品名称：</span>
              <span class="item-value">{{ item.DIS_PRO_NAME }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'day_SCO_WJGH' || jfType == 'month_SCO_WJGH_M' || 
            jfType=='month_SCO_WJSY' || jfType=='month_SCO_WJGH'">
            <div class="info-desc" style="flex: 1">资费或产品名称：{{ item.DIS_PRO_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'day_SCO_VALUE_UP' || jfType == 'month_SCO_VALUE_UP_M' || jfType == 'month_SCO_VALUE_UP'">
            <div class="info-desc" style="flex: 1">产品名称：{{ item.PRODUCT_A_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_AFEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'day_SCO_GYY' || jfType == 'month_SCO_GYY_M'  || jfType == 'month_SCO_GYY' || jfType=='day_SCO_HM' 
              || jfType=='month_SCO_HM_M' || jfType=='day_SCO_DYPP' || jfType=='month_SCO_DYPP_M' || jfType=='month_SCO_DYPP' || jfType=='month_SCO_WXXF'">
          </div>
          <div class="info-tc"  v-else-if="jfType == 'day_SCO_BIGDATA' || jfType == 'month_SCO_BIGDATA_M' 
              || jfType=='day_SCO_WLW' || jfType=='month_SCO_WLW_M' || jfType=='month_SCO_BIGDATA' || jfType=='month_SCO_WLW'">
            <div class="info-desc" style="flex: 1">产品名称：{{ item.PRODUCT_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">总欠费:</span>
              <span class="item-value">{{ item.OWE_ALL }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'day_SCO_SX' || jfType == 'month_SCO_SX_M' || jfType=='month_SCO_SX' || jfType=='day_SCO_IDC' || jfType=='month_SCO_IDC_M'
          || jfType=='month_SCO_IDC'">
            <div class="info-desc" style="flex: 1">产品名称：{{ item.PRODUCT_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">是否新发展:</span>
              <span class="item-value">{{ item.IS_NEW_DEV1 }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'day_SCO_SALE' || jfType == 'month_SCO_SALE_M' || jfType=='month_SCO_SALE'">
            <div class="info-desc" style="flex: 1">资源类型描述：{{ item.RES_TYPE_DESC }}</div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'month_SCO_GSM_DEV' || jfType == 'month_SCO_KD_DEV' || jfType=='month_SCO_GH_DEV'">
            <div class="info-desc" style="flex: 1">产品：{{ item.NEXT_PRODUCT }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'month_SCO_COMP' ">
            <div class="info-desc" style="flex: 1">产品：{{ item.NEXT_PRODUCT_DESC_MAIN }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'month_SCO_WJZW_BASE' || jfType == 'month_SCO_WJZW_FTTR' ">
            <div class="info-desc" style="flex: 1">服务名称：{{ item.SVC_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'month_SCO_ZJ_WJZW'   || jfType=='month_SCO_ZJ_WJZW_M' || jfType=='day_SCO_ZJ_WJZW'">
            <div class="info-desc" style="flex: 1">服务名称：{{ item.SVC_NAME }}</div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'month_SCO_IPTV'">
            <div class="info-desc" style="flex: 1">资费名称:{{ item.DISCNT_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DISCNT_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'month_SCO_GZCX_TV'">
            <div class="info-desc" style="flex: 1">资费名称:{{ item.PRODUCT_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_FEE }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else-if="jfType == 'month_SCO_ICT' || jfType=='month_SCO_YUN' || jfType=='month_SCO_ICT_WLW' || jfType=='month_SCO_ICT_BIGDATA'">
            <div class="info-desc" style="flex: 1">项目名称:{{ item.PROJECT_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">本月毛利润:</span>
              <span class="item-value">{{ item.GROSS_PROFIT }}</span>
            </div>
          </div>
          <div class="info-tc"  v-else>
            <div class="info-desc" style="flex: 1">产品：{{ item.PRODUCT_NAME }}</div>
            <div class="info-fee">
              <span class="info-desc">套餐费：</span>
              <span class="item-value">{{ item.DINNER_FEE }}</span>
            </div>
          </div>

        </div>
      </div>
    </van-list>
  </div>
</template>

<script>
import { Toast } from 'vant'
import {  gzDayjfSCOGSMDEVDetail,gzDayjfSCOKDDEVDetail, gzDayjfSCOCOMPDetail, gzDayjfSCOGHDEVDetail, gzDayjfSCOWJZWBASEDetail, 
  gzDayjfSCOWJZWFTTRDetail, gzDayjfSCOWJSYDetail, gzDayjfSCOWJGHDetail, gzDayjfSCOIPTVDetail, 
  gzDayjfSCOGZCXTVDetail, gzDayjfSCOKsjDetail,gzDayjfSCOGZCXCALLDetail, gzDayjfSCOGZCXLTYPDetail, 
  gzDayjfSCOGZCXLTZLDetail, gzDayjfSCOGZCXOTHERDetail, gzDayjfSCOGYYDetail, 
  gzDayjfSCOBIGDATADetail, gzDayjfSCOWLWDetail, gzDayjfSCOCUTDEVDetail, 
  gzDayjfSCOGSMSJBDetail, gzDayjfSCOVALUEUPDetail, gzDayjfSCOKDTSDetail, 
  gzDayjfSCOKDXYDetail, gzDayjfSCOSALEDetail, gzDayjfSCOCUTCLWXDetail, 
  gzDayjfSCOZJDetail, gzDayjfSCODYPPDetail, gzDayjfSCOZJWJZWDetail, 
  gzDayjfSCOHMDetail, gzDayjfSCO2IDetail,gzDayjfSCOSXDetail, gzDayjfSCOIDCDetail,gzDayjfSCOCUTFWWHJFDetail,gzDayjfSCOCUTDetail,
  gzMonthLjjfSCOGSMDEVMDetail, 
  gzMonthLjjfSCOKDDEVMDetail, gzMonthLjjfSCOCOMPMDetail, gzMonthLjjfSCOGHDEVMDetail, 
  gzMonthLjjfSCOWJZWBASEMDetail, gzMonthLjjfSCOWJZWFTTRMDetail, gzMonthLjjfSCOWJSYMDetail, 
  gzMonthLjjfSCOWJGHMDetail, gzMonthLjjfSCOIPTVMDetail, gzMonthLjjfSCOGZCXTVMDetail, gzMonthLjjfSCOKSJMDetail,
  gzMonthLjjfSCOGZCXCALLMDetail, gzMonthLjjfSCOGZCXLTYPMDetail, gzMonthLjjfSCOGZCXLTZLMDetail, 
  gzMonthLjjfSCOGZCXOTHERMDetail, gzMonthLjjfSCOGYYMDetail, gzMonthLjjfSCOBIGDATAMDetail, 
  gzMonthLjjfSCOWLWMDetail, gzMonthLjjfSCOCUTMDetail,gzMonthLjjfSCOCUTJCLJMDetail,
  gzMonthLjjfSCOGSMSJBMDetail,gzMonthLjjfSCOVALUEUPMDetail, gzMonthLjjfSCOKDTSMDetail, gzMonthLjjfSCOKDXYMDetail, 
  gzMonthLjjfSCOSALEMDetail, gzMonthLjjfSCOCUTCLWXMDetail, gzMonthLjjfSCOZJMDetail, 
  gzMonthLjjfSCODYPPMDetail, gzMonthLjjfSCOZJWJZWMDetail, gzMonthLjjfSCOHMMDetail, 
  gzMonthLjjfSCO2IMDetail,gzMonthLjjfSCOSXMDetail,gzMonthLjjfSCOIDCMDetail,gzMonthLjjfSCOCUTFWWHJFMDetail,

  gzSCOGSMDEVDetail, gzSCOKDDEVDetail, gzSCOCOMPDetail,
  gzSCOGHDEVDetail, gzSCOWJZWBASEDetail, gzSCOWJZWFTTRDetail, gzSCOWJSYDetail, gzSCOWJGHDetail,
  gzSCOIPTVDetail, gzSCOGZCXTVDetail, gzSCOKSJDetail, gzSCOGZCXCALLDetail, gzSCOGZCXLTYPDetail,
  gzSCOGZCXLTZLDetail, gzSCOGZCXOTHERDetail, gzSCOGYYDetail, gzSCOBIGDATADetail, gzSCOWLWDetail,
  gzSCOSXDetail, gzSCOIDCDetail, gzSCOICTDetail, gzSCOYUNDetail, gzSCOICTWLWDetail, gzSCOICTBIGDATADetail,
  gzSCOCUTDEVDetail, gzSCOGSMSJBDetail, gzSCOVALUEUPDetail, gzSCOKDTSDetail, gzSCOKDXYDetail,
  gzSCOSALEDetail, gzSCOCUTCLWXDetail, gzSCOZJDetail, gzSCODYPPDetail, gzSCOZJWJZWDetail,
  gzSCOWXXFDetail, gzSCO2IDetail, gzSCOCUTDetail, gzSCOCUTJFDetail, } from '@/api/publicline/wise.js'

export default {
  components: { },
  data() {
    return {
      jfType: '',
      time: '',
      loginId: '',
      searchkey: '',
      queryParams: {
        pageNum: 1,
        pageSize: 15
      },
      loading: false,
      finished: false,
      list: [],
      urlPath: {
        'day_SCO_GSM_DEV': gzDayjfSCOGSMDEVDetail,
        'day_SCO_KD_DEV': gzDayjfSCOKDDEVDetail,
        'day_SCO_COMP': gzDayjfSCOCOMPDetail,
        'day_SCO_GH_DEV': gzDayjfSCOGHDEVDetail,
        'day_SCO_WJZW_BASE': gzDayjfSCOWJZWBASEDetail,
        'day_SCO_WJZW_FTTR': gzDayjfSCOWJZWFTTRDetail,
        'day_SCO_WJSY': gzDayjfSCOWJSYDetail,
        'day_SCO_WJGH': gzDayjfSCOWJGHDetail,
        'day_SCO_IPTV': gzDayjfSCOIPTVDetail,
        'day_SCO_TV_INC': gzDayjfSCOGZCXTVDetail,
        'day_SCO_KSJ': gzDayjfSCOKsjDetail,
        'day_SCO_GZCX_CALL': gzDayjfSCOGZCXCALLDetail,
        'day_SCO_GZCX_LTYP': gzDayjfSCOGZCXLTYPDetail,
        'day_SCO_GZCX_LTZL': gzDayjfSCOGZCXLTZLDetail,
        'day_SCO_GZCX_OTHER': gzDayjfSCOGZCXOTHERDetail,
        'day_SCO_GYY': gzDayjfSCOGYYDetail,
        'day_SCO_BIGDATA': gzDayjfSCOBIGDATADetail,
        'day_SCO_WLW': gzDayjfSCOWLWDetail,
        'day_SCO_CUT_JCLJ': gzDayjfSCOCUTDEVDetail,
        'day_SCO_GSM_SJB': gzDayjfSCOGSMSJBDetail,
        'day_SCO_VALUE_UP': gzDayjfSCOVALUEUPDetail,
        'day_SCO_KD_TS': gzDayjfSCOKDTSDetail,
        'day_SCO_KD_XY': gzDayjfSCOKDXYDetail,
        'day_SCO_SALE': gzDayjfSCOSALEDetail,
        'day_SCO_CUT_JZYY': gzDayjfSCOCUTCLWXDetail,
        'day_SCO_ZJ': gzDayjfSCOZJDetail,
        'day_SCO_DYPP': gzDayjfSCODYPPDetail,
        'day_SCO_ZJ_WJZW': gzDayjfSCOZJWJZWDetail,
        'day_SCO_HM': gzDayjfSCOHMDetail,
        'day_SCO_2I': gzDayjfSCO2IDetail,
        'day_SCO_SX': gzDayjfSCOSXDetail,
        'day_SCO_IDC': gzDayjfSCOIDCDetail,
        'day_SCO_CUT_FWWHJF': gzDayjfSCOCUTFWWHJFDetail,
        'day_SCO_CUT': gzDayjfSCOCUTDetail,

        'month_SCO_GSM_DEV_M': gzMonthLjjfSCOGSMDEVMDetail,
        'month_SCO_KD_DEV_M': gzMonthLjjfSCOKDDEVMDetail,
        'month_SCO_COMP_M': gzMonthLjjfSCOCOMPMDetail,
        'month_SCO_GH_DEV_M': gzMonthLjjfSCOGHDEVMDetail,
        'month_SCO_WJZW_BASE_M': gzMonthLjjfSCOWJZWBASEMDetail,
        'month_SCO_WJZW_FTTR_M': gzMonthLjjfSCOWJZWFTTRMDetail,
        'month_SCO_WJSY_M': gzMonthLjjfSCOWJSYMDetail,
        'month_SCO_WJGH_M': gzMonthLjjfSCOWJGHMDetail,
        'month_SCO_IPTV_M': gzMonthLjjfSCOIPTVMDetail,
        'month_SCO_TV_INC_M': gzMonthLjjfSCOGZCXTVMDetail,
        'month_SCO_KSJ_M': gzMonthLjjfSCOKSJMDetail,
        'month_SCO_GZCX_CALL_M': gzMonthLjjfSCOGZCXCALLMDetail,
        'month_SCO_GZCX_LTYP_M': gzMonthLjjfSCOGZCXLTYPMDetail,
        'month_SCO_GZCX_LTZL_M': gzMonthLjjfSCOGZCXLTZLMDetail,
        'month_SCO_GZCX_OTHER_M': gzMonthLjjfSCOGZCXOTHERMDetail,
        'month_SCO_GYY_M': gzMonthLjjfSCOGYYMDetail,
        'month_SCO_BIGDATA_M': gzMonthLjjfSCOBIGDATAMDetail,
        'month_SCO_WLW_M': gzMonthLjjfSCOWLWMDetail,
        'month_SCO_CUT_JCLJ_M': gzMonthLjjfSCOCUTJCLJMDetail,
        'month_SCO_GSM_SJB_M': gzMonthLjjfSCOGSMSJBMDetail,
        'month_SCO_VALUE_UP_M': gzMonthLjjfSCOVALUEUPMDetail,
        'month_SCO_KD_TS_M': gzMonthLjjfSCOKDTSMDetail,
        'month_SCO_KD_XY_M': gzMonthLjjfSCOKDXYMDetail,
        'month_SCO_SALE_M': gzMonthLjjfSCOSALEMDetail,
        'month_SCO_CUT_JZYY_M': gzMonthLjjfSCOCUTCLWXMDetail,
        'month_SCO_ZJ_M': gzMonthLjjfSCOZJMDetail,
        'month_SCO_DYPP_M': gzMonthLjjfSCODYPPMDetail,
        'month_SCO_ZJ_WJZW_M': gzMonthLjjfSCOZJWJZWMDetail,
        'month_SCO_HM_M': gzMonthLjjfSCOHMMDetail,
        'month_SCO_2I_M': gzMonthLjjfSCO2IMDetail,
        'month_SCO_SX_M': gzMonthLjjfSCOSXMDetail,
        'month_SCO_IDC_M':  gzMonthLjjfSCOIDCMDetail,
        'month_SCO_CUT_FWWHJF_M': gzMonthLjjfSCOCUTFWWHJFMDetail,
        'month_SCO_CUT_M': gzMonthLjjfSCOCUTMDetail,

        'month_SCO_GSM_DEV': gzSCOGSMDEVDetail,
        'month_SCO_KD_DEV': gzSCOKDDEVDetail,
        'month_SCO_COMP': gzSCOCOMPDetail,
        'month_SCO_GH_DEV': gzSCOGHDEVDetail,
        'month_SCO_WJZW_BASE': gzSCOWJZWBASEDetail,
        'month_SCO_WJZW_FTTR': gzSCOWJZWFTTRDetail,
        'month_SCO_WJSY': gzSCOWJSYDetail,
        'month_SCO_WJGH': gzSCOWJGHDetail,
        'month_SCO_IPTV': gzSCOIPTVDetail,
        'month_SCO_GZCX_TV': gzSCOGZCXTVDetail,
        'month_SCO_KSJ': gzSCOKSJDetail,
        'month_SCO_GZCX_CALL': gzSCOGZCXCALLDetail,
        'month_SCO_GZCX_LTYP': gzSCOGZCXLTYPDetail,
        'month_SCO_GZCX_LTZL': gzSCOGZCXLTZLDetail,
        'month_SCO_GZCX_OTHER': gzSCOGZCXOTHERDetail,
        'month_SCO_GYY': gzSCOGYYDetail,
        'month_SCO_BIGDATA': gzSCOBIGDATADetail,
        'month_SCO_WLW': gzSCOWLWDetail,
        'month_SCO_SX': gzSCOSXDetail,
        'month_SCO_IDC': gzSCOIDCDetail,
        'month_SCO_ICT': gzSCOICTDetail,
        'month_SCO_YUN': gzSCOYUNDetail,
        'month_SCO_ICT_WLW': gzSCOICTWLWDetail,
        'month_SCO_ICT_BIGDATA': gzSCOICTBIGDATADetail,
        'month_SCO_CUT_DEV': gzSCOCUTDEVDetail,
        'month_SCO_GSM_SJB': gzSCOGSMSJBDetail,
        'month_SCO_VALUE_UP': gzSCOVALUEUPDetail,
        'month_SCO_KD_TS': gzSCOKDTSDetail,
        'month_SCO_KD_XY': gzSCOKDXYDetail,
        'month_SCO_SALE': gzSCOSALEDetail,
        'month_SCO_CUT_CLWX': gzSCOCUTCLWXDetail,
        'month_SCO_ZJ': gzSCOZJDetail,
        'month_SCO_DYPP': gzSCODYPPDetail,
        'month_SCO_ZJ_WJZW': gzSCOZJWJZWDetail,
        'month_SCO_WXXF': gzSCOWXXFDetail,
        'month_SCO_2I': gzSCO2IDetail,
        'month_SCO_CUT': gzSCOCUTDetail,
        'month_SCO_CUT_JF': gzSCOCUTJFDetail
      }
    }
  },
  created() {
    this.time = this.$route.query.time
    this.loginId = this.$route.query.loginId
    this.jfType = this.$route.query.jfType
  },
  mounted() {
    this.loadData()
  },
  beforeDestroy() {
    Toast.clear()
  },
  methods: {
    handleSearch(val) {
      this.searchkey = val
      this.loadData(true)
    },
    async loadData(force) {
      // 改变搜索条件，重新查询
      if ( force ) {
        this.queryParams.pageNum = 1
        this.list = []
        this.finished = false
      }
      this.loading = true
      let params = {
        ...this.queryParams,
        searchkey: this.searchkey,
        dateId: this.time,
        loginId: this.loginId
      }
      const res = await this.urlPath[this.jfType](params)
      const { result, success } = res
      if(success) {
        this.loading = false
        if(result.list.length < this.queryParams.pageSize) {
          this.finished = true
          Toast({
            message: '已全部加载',
            duration: 500,
            position: 'bottom',
            forbidClick: 'true'
          });
        }
        this.list = this.list.concat(result.list)
        Toast.clear()
      }
    },
    onload() {
      this.loading = false
      if(this.finished === false) {
        Toast({
          type:'loading',
          duration: 0,
          message: '正在加载',
          position: 'bottom',
          forbidClick: 'true'
        })
        this.queryParams.pageNum = parseInt(this.queryParams.pageNum) + 1
        this.loadData()
      } else {
        Toast({
          message: '已全部加载',
          duration: 500,
          position: 'bottom',
          forbidClick: 'true'
        })
      }
    },
  }
}
</script>
<style lang="less" scoped>
@import '~@/assets/less/person.less';
.detail-info .info-tc {
  flex-wrap: wrap;
}
.search  > div {
  width: 100%;
}
.info-fee {
  width: 90px;
  text-align: right;
}
</style>